/* 
    Document   : application
    Created on : 2011-4-6, 15:48:05
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
a{
    color: #3D322C;
}
a:focus,a:hover{
    color: #b2684b;
}
body{
    font-family: "微软雅黑"
}
header a{
    color: #c1aa87;
    text-decoration: none;
}
header, header h1{
    color: #fff;
    background: #5b3f34;
}
header a:hover,header a:focus{
    color: #fff;
}
.topbar{
    list-style: none;
    line-height: 30px;
    margin: 0;
}
.topbar li{
    float:right;
    padding:0 1em;
    line-height: 1.1em;
    border-left: 1px solid #7d5749;
}
.topbar .pa-right-0{
    padding-right: 0;
}
.topbar li.no-border{
    border: none;
}
nav a{
    padding: 0 1em;
}
header .on{
    color: #fff;
}
.main{
    min-height: 35em;
    padding-top: 5px;
    background: url('/images/bg.jpg') repeat-x;
}
#flash_message{
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 9999;
}
#flash_message div{
    width: 350px;
}
.encrypted{
    background: url('/images/lock.png') no-repeat right center;
}
.width_auto{
    width: auto;
}
.height_auto{
    height: auto;
}
.avatar{
    line-height: 190px;
    min-height: 190px;
    width: 190px;
    padding: 2px;
}
.avatar-small{
    line-height: 80px;
    min-height: 80px;
    width: 80px;
    padding:1px;
}
.avatar img,.avatar-small img{
    display: block;
    margin: 0 auto;
}
.tdn{
    text-decoration: none;
}
.mh-35{
    min-height: 35em;
}
.indent{
    text-indent: 2em;
}
#focus{
    position: relative;
    height: 464px;
}
#focus dl{
    margin: 0;
}
#focus dt{
    position: absolute;
    top: 10px;
    z-index: 9999;
}
#focus dd{
    position: absolute;
    top: 0;
    margin: 0;
}
#focus dt a{
    height: 8px;
    padding: 0 4px;
    background: #fff;
    text-decoration: none;
    line-height: 8px;
    font-size: 8px;
    color: #fff;
}
#focus dt.on a{
    background: #bc140e;
    color: #bc140e;
}
#focus dt.a{
    left: 20px;
}
#focus dt.b{
    left: 35px;
}
#focus dt.c{
    left: 50px;
}
#focus dt.d{
    left: 65px;
}
.order-home{
    background: #fff;
    border: 1px solid #cac6aa;
    position: relative;
}
.order-home ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.order-home .span-3{
    width: 140px;
    margin-right: 0;
}
.home-more{
    position: absolute;
    bottom: 10px;
    right: -30px;
    width: 28px;
    line-height: 14px;
    background: #ce0b02;
}
.home-more a{
    display: block;
    text-decoration: none;
    padding: 8px;
    color: #fff;
}
.darkred{
    color: #ce0b02;
}
.left-number{
    background: url('/images/left-number.jpg') no-repeat center center;
    height: 24px;
    line-height: 24px;
    padding-right: 80px;
}
.gift{
    border-top: 1px solid #cac6aa;
    margin: 0 -1em;
    margin-top:5px;
    position: relative;
}
.gift .arrow{
    position: absolute;
    top: -8px;
    left: 110px;
}
.clock{
    background: url('/images/clock.jpg') no-repeat left bottom;
    padding: 10px 0 0 60px;
    margin-left: 5px;
}
hr{
    background: #cac6aa;
}
table ul{
    margin: 0;
    padding: 8px 0;
    line-height: 24px;
}
.bfff{
    background: #fff;
}
.vouchers{
    list-style: none;
    margin: 0;
    padding: 0;
}
.vouchers li{
    float: left;
    padding-right: 10px;
}
.left-home{
    width: 210px;
    margin-right: 1.5em;
}
.middle-home{
    width: 435px;
    margin-right: 1.5em;
}
.right-home{
    width: 269px;
}
.inline-item{
    overflow: hidden;
    list-style: none;
    margin: 0;
}
.inline-item li{
    float: left;
    padding: 0 10px;
}
.product-item{
    float: left;
    padding: 6px;
    margin: 10px;
    background: #fff;
}
.product-des{
    list-style: none;
    padding: 0;
    margin: 0;
}
.product-price{
    font-size: 16px;
    color: red;
}